<template>
	<view>
		<view v-show="one">
			<view class="list_renzheng">
				<view class="list_details">
					<text>姓名</text>
					<input class="texts" type="text" value="" placeholder="请输入姓名" />
				</view>
				<view class="list_details">
					<text>身份证号</text>
					<input class="texts" type="text" value="" placeholder="请输入身份证号" />
				</view>
				<view class="list_details">
					<text>联系方式</text>
					<input class="texts" type="text" value="" placeholder="请输入联系方式" />
				</view>
			</view>
			<view class="tishi">
				<text style="color: #000000;">上传凭证</text>
				<text>（上传的证件仅用于认证）</text>
			</view>
			<view class="imgpz">
				<view class="list_t">
					<image class="photograph" src="../../../static/me/photograph.png" mode=""></image>
					<image class="img_col" src="../../../static/me/rx.png" mode=""></image>
					<text>上传身份证人像面</text>
				</view>
				<view class="list_t">
					<image class="photograph" src="../../../static/me/photograph.png" mode=""></image>
					<image class="img_col" src="../../../static/me/gh.png" mode=""></image>
					<text>上传身份证国徽面</text>
				</view>
			</view>
		</view>
		<view v-show="two" class="two">
			<view class="two_list">
				<text class="two_left">姓名：</text>
				<text class="two_right">王大锤</text>
			</view>
			<view class="two_list">
				<text class="two_left">身份证号：</text>
				<text class="two_right">370828198902118729</text>
			</view>
			<view class="two_list">
				<text class="two_left">联系方式：</text>
				<text class="two_right">168 6688 7780</text>
			</view>
			<view class="two_list">
				<text class="two_left">认证状态：</text>
				<text class="two_right" style="color: #FCA022;">认证中</text>
			</view>
			<view class="two_img">
				<image src="" mode=""></image>
				<text>身份证人像面</text>
			</view>
			<view class="two_img">
				<image src="" mode=""></image>
				<text>身份证国徽面</text>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				one: true,
				two: false
			}
		}
	}
</script>

<style>
	page {
		background: #F5F5F5;
	}

	.list_renzheng {
		width: 750rpx;
		background: #FFFFFF;
		margin-top: 1rpx;
	}

	.list_details {
		width: 699rpx;
		height: 105rpx;
		margin: auto;
		display: block;
		border-bottom: 1rpx solid #F5F5F5;
	}

	.list_details text {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #000000;
		opacity: 1;
		float: left;
		line-height: 105rpx;
	}

	.texts {
		width: 525rpx;
		height: 105rpx;
		line-height: 105rpx;
		float: right;
		font-size: 25rpx;
	}

	.tishi {
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #F24343;
		opacity: 1;
		margin-top: 25rpx;
		margin-left: 21rpx;
		margin-bottom: 21rpx;
	}

	.imgpz {
		width: 750rpx;
		height: 347rpx;
		background: #FFFFFF;
		padding-left: 21rpx;
		padding-top: 25rpx;
	}

	.img_col {
		width: 344rpx;
		height: 217rpx;
		/* margin-left: 21rpx; */
		/* margin-top: 25rpx; */
		opacity: 0.35;
	}

	.list_t {
		width: 344rpx;
		height: 217rpx;
		float: left;
		background: rgba(0, 0, 0, 0.35);
		margin-right: 18rpx;
	}

	.list_t text {
		opacity: 0.5;
		padding-top: 25rpx;
		display: block;
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #000000;
		opacity: 0.5;
		text-align: center;
	}

	.photograph {
		position: absolute;
		z-index: 999;
		width: 72rpx;
		height: 72rpx;
		padding-left: 135rpx;
		padding-top: 72rpx;
	}

	.two_list {
		width: 699rpx;
		height: 28rpx;
		padding-top: 18rpx;
		display: block;
		margin: auto;
	}

	.two {
		margin-top: 1rpx;
		width: 750rpx;
		background: #FFFFFF;
	}

	.two_left {
		float: left;
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #21201D;
		opacity: 1;
	}

	.two_right {
		float: right;
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #21201D;
		opacity: 0.5;
	}

	.two_img {
		width: 750rpx;
		height: 452rpx;
		background: #FFFFFF;
	}

	.two_img image {
		width: 666rpx;
		height: 442rpx;
		background: #EEEEEE;
		margin: auto;
		display: block;
		margin-top: 36rpx;
	}

	.two_img text {
		width: 750rpx;
		height: 96rpx;
		display: block;
		background: #FFFFFF;
		text-align: center;
		font-size: 21rpx;
		line-height: 96rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #21201D;
		opacity: 0.5;
		float: left;
	}
</style>
